export const wrapperProps = {
  title: {
    type: String,
    default: '',
  },
  showBack: {
    type: [Boolean, Object, String],
    default: false,
  },
  showTitle: {
    type: Boolean,
    default: true,
  },
  headerStyle: {
    type: Object,
    default: () => ({}),
  },
}

export const cardFormProps = {
  rules: {
    type: Object,
    default: () => ({}),
  },
  shadow: {
    type: String,
    default: 'never',
  },
  header: String,
  labelWidth: {
    type: [String, Number],
    default: 90,
  },
  labelPosition: {
    type: String,
    default: 'left',
    validators: (val) => ['left', 'right', 'top'].includes(val),
  },
  disabled: {
    type: Boolean,
    default: false,
  },
  inline: {
    type: Boolean,
    default: false,
  },
}

export const colWrapperProps = {
  lg: {
    type: Number,
    default: 8,
  },
  label: {
    type: String,
    default: '',
  },
  prop: {
    type: String,
    default: '',
  },
  labelWidth: [String, Number],
}
